Page({
  data: {
    text: '',
    todos: []
  },
  onLoad() {
    this.init()
  },
  toShow(event) {
    const { id } = event.currentTarget.dataset
    console.log('show', id)
    // wx.na
    wx.navigateTo({
      url: `./show?id=${id}`
    })
  },
  handleDel(event) {
    const { id } = event.currentTarget.dataset
    // ajax
    console.log(id)
    // wx.showModal()
    wx.showModal({
      title: '提示',
      content: '这是一个模态弹窗',
      success (res) {
        if (res.confirm) {
          console.log('用户点击确定')
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })

  },
  handleSubmit() {
    const self = this
    if(!this.data.text) {
      wx.showToast({
        title: '内容不能为空',
        icon: 'none',
        duration: 2000
      })
    } else {
      wx.request({
        method: 'POST',
        url: 'https://api.yizhanketang.cn/api/v1/todos',
        data: {
          content: self.data.text
        },
        success(res) {
          self.init()
        },
        error(e) {
          console.log(e)
        }
      })
    }
  },
  init() {
    const self = this
    wx.showLoading({
      title: '加载中...',
    })
    wx.request({
      method: 'GET',
      url: 'https://api.yizhanketang.cn/api/v1/todos',
      success(res) {
        self.setData({
          // todos: res.data.data
        })
        wx.hideLoading()
      }
    })
  },

  // 实现双向数据绑定
  handleChange(event) {
    // console.log(event.detail.value)
    this.setData({
      text: event.detail.value
    })
  },
})